﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="GovernmentOfficeProject.common.view.ViewPageBase" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
    <title>联系人</title>  
    <link rel="stylesheet" type="text/css" href="/lib/easyui/themes/bootstrap/easyui.css"/>  
    <link rel="stylesheet" type="text/css" href="/lib/easyui/themes/icon.css"/>  
    <script type="text/javascript" src="/lib/easyui/jquery-1.8.0.min.js"></script>   
    <script type="text/javascript" src="/lib/easyui/jquery.easyui.min.js"></script>  
    <script type="text/javascript" src="/lib/easyui/plugins/jquery.datagrid.js"></script>  
    <script type="text/javascript" src="/lib/easyui/locale/easyui-lang-zh_CN.js"></script> 
</head>  
<body>  
    <table id="dg" class="easyui-datagrid" style="width:'100%';" 
            url="/handler/SystemContactsDatafeed.ashx?action=list"  
            toolbar="#toolbar" pagination="true"
            rownumbers="true" fitColumns="true" singleSelect="true" 
            >  
        <thead>  
            <tr>  
                <th field="RealName" width="50">姓名</th>  
                <th field="MobilePhone" width="40">手机</th>  
                <th field="Telephony" width="40">电话</th>
                <th field="Email" width="50">邮箱</th>
                <th field="HomeAddress" width="100%">住址</th>    
            </tr>  
        </thead>  
    </table>  
    <div id="toolbar">  
        <div>
            姓名 <input id="txt_name" type="text" style="width:100px"/> &nbsp;
            手机 <input id="txt_mobile" type="text" style="width:100px"/> &nbsp;
            电话 <input id="txt_phone" type="text" style="width:100px"/> &nbsp;
            <a href="javascript:void(0)" id="btn_search" onclick="searchHandler()" class="easyui-linkbutton" iconCls="icon-search" >查询</a>  
        </div>
    </div>  
      
    
    <script type="text/javascript">
        $(document).ready(function() {
            $("#dg").datagrid({ height: document.body.clientHeight - 11 });
        });
        function searchHandler() {
            $('#dg').datagrid('load', {
                RealName: $("#txt_name").val(),
                MobilePhone: $("#txt_mobile").val(),
                Telephony: $("#txt_phone").val()
            });
        } 
    </script>  
    <style type="text/css">  
        html,body{padding:2px; margin:0;font-family:helvetica,tahoma,verdana,sans-serif;font-size:12px;height:100%}
        #fm{  
            margin:0;  
            padding:10px 30px;  
        }  
        .ftitle{  
            font-size:14px;  
            font-weight:bold;  
            padding:5px 0;  
            margin-bottom:10px;  
            border-bottom:1px solid #ccc;  
        }  
        .fitem{  
            margin-bottom:5px;  
        }  
        .fitem label{  
            display:inline-block;  
            width:80px;  
        }  
    </style>  
</body>  
</html>  